<template>
  <div>
    <common-top title="分类"></common-top>
    <div class="category-container w">
      <ul>
        <li v-for="item in [1, 2, 3, 4]" :key="item">{{ item }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
import CommonTop from "@/components/CommonTop.vue";
export default {
  components: {
    CommonTop,
  },
};
</script>

<style lang="less" scoped>
ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;

  li {
    height: 188px;
    width: 30%;
    background-color: pink;
    margin: 10px;
  }
  li:hover {
    cursor: pointer;
  }
}
</style>